.data-collect-content {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 20px;

  .header {
    border-bottom: 1px solid #D7DBE0;
    padding: 24px 24px 15px 24px;

    .content-header {
      display: flex;
      justify-content: flex-start;
      align-items: baseline;


      .title {
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        line-height: 16px;
        margin-right: 28px;
      }

      .cookie-info {
        color: #666666;
        font-size: 14px;
        line-height: 16px;
        margin-left: 12px;
      }
    }

    .setting-warp {
      margin: 15px 0;
      font-weight: 400;
      color: #333333;

      .label {
        font-weight: 400;
      }
    }
  }

  .body {
    padding: 24px;

    .card-warp {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap;



      .card-box {
        box-sizing: border-box;
        min-width: 372px;
        max-width: 32.33%;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 4px;
        background: #F3F4F9;

        &:hover {
          background: #FFFFFF;
          box-shadow: 0px 4px 10px 1px rgba(74, 90, 237, 0.2);
        }

        &:last-child {
          margin-right: 0px;
        }

        .card-header {
          padding: 20px 20px 10px 15px;
          font-size: 16px;
          font-weight: 500;
          line-height: 24px;
        }

        .card-body {
          height: 80px;
          width: 100%;
          padding: 10px 15px;
          font-size: 14px;
          font-weight: 400;
          color: #666666;
          line-height: 20px;
          word-break: break-all;
          word-wrap: break-word;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }

        .card-footer {
          padding: 10px 15px;
          text-align: right;
        }
      }
    }
  }
}